<template>
  <div style="width:100%">
    <div class="main">
      <div class="main_top">
        <el-tabs v-model="activeName" style="width:100%">
          <el-tab-pane label="全部订单" name="first">
            <order-list :paidParams="3"></order-list>
          </el-tab-pane>
          <el-tab-pane label="待支付" name="second">
            <order-list :paidParams="0" :status="0"></order-list>
          </el-tab-pane>
          <el-tab-pane label="待发货" name="third">
            <order-list :paidParams="1" :status="0"></order-list>
          </el-tab-pane>
          <el-tab-pane label="已发货" name="six1">
            <order-list :paidParams="1" :status="1"></order-list>
          </el-tab-pane>
          <el-tab-pane label="申诉中" name="fouth">
            <order-list :paidParams="1" :status="-1"></order-list>
          </el-tab-pane>
          <el-tab-pane label="申诉完成" name="five">
            <order-list :paidParams="1" :status="-3"></order-list>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
    <footer-part></footer-part>
  </div>
</template>
<script>
import orderList from "./mineCenterOrder";
import footerPart from "../views/footer";

export default {
  data() {
    return {
      activeName: "first"
    };
  },
  created() {
    // orderList({
    //   pageNo: 0,
    //   pageSize: 10,
    //   pageType: "P"
    // });
  },
  components: {
    orderList
  }
};
</script>
<style lang="scss" scoped>
.main {
  width: 100%;
  .main_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    .pay_item {
    }
  }
  .item_meno {
    font-size: 14px;
    color: #bbb;
    height: 60px;
    line-height: 60px;
    text-align: left;
    border-bottom: 1px solid #eee;
  }
}
</style>